<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-30 11:53:40
 * @LastEditTime : 2022-09-30 11:53:42
 * @FilePath     : \表单控件绑定\v-model和组件\第二种(用于自定义输入组件上)\使用默认的属性名称\配合计算属性一起使用\第四种方式：原生语法糖 和script setup\CustomInput.vue
-->
<script setup>
    import { computed } from 'vue'
   const props = defineProps(["modelValue"])
   const emits = defineEmits(["update:modelValue"])
   const valueComputed = computed({
     get(){
       return props.modelValue
     },
     set(val){
       emits('update:modelValue', val)
     }
   })
</script>
  
<template>
    <input v-model="valueComputed">
</template>
  